import React, { PureComponent } from 'react'
import { NavLink, Outlet } from 'react-router-dom'
function AboutHistory(props) {
  return <h2>企业历史</h2>
}
function AboutCulture(props) {
  return <h2>企业文化</h2>
}
function AboutContact(props) {
  return <h2>联系我们</h2>
}
export default class About extends PureComponent {
  render() {
    return (
      <div>
        <h1>About</h1>
        <nav
          style={{
            borderBottom: 'solid 1px',
            paddingBottom: '1rem'
          }}
        >
          <NavLink to="">企业历史</NavLink>
          <NavLink to="culture">企业文化</NavLink>
          <NavLink to="contact">联系我们</NavLink>
        </nav>
        <Outlet />
      </div>
    )
  }
}
